*{margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;}
html{height: 100%;font-size: 20px;min-width: 320px;max-width: 640px;margin: 0 auto;background: #F1F1F1;}
.modalWrap{position: fixed;left: 0;top: 0;right: 0;bottom: 0;}
body{font: 0.7rem/1.5 Microsoft YaHei,Arial,Helvetica,sans-serif;}
.page{padding-top: 2.2rem;}
.page.paddingTop0{padding-top: 0;}
@media only screen and (min-width: 400px) {html {font-size: 21.33333333px !important;}}
@media only screen and (min-width: 414px) {html {font-size: 22.08px !important;}}
@media only screen and (min-width: 480px) {html {font-size: 25.6px !important;}}
ul,li{list-style: none;}
a{text-decoration: none;color: #3d4145;}
img{vertical-align: top;}
.clearfix:after{content: "";height: 0;display: block;visibility: hidden;clear: both;}
.clearfix{zoom: 1;}
input{outline: none;border-radius: unset;}
.flex-container{display: flex;display: -webkit-flex;}
h1,h2,h3,h4,h5,h6,b{font-weight: normal;}
.dots{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.show1px:after{content: '';position: absolute;left: 0;bottom: 0;right: auto;top: auto;height: 1px;width: 100%;background-color: #f1f1f1;display: block;z-index: 15;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}
@media only screen and (-webkit-min-device-pixel-ratio: 2){ .bar:after {-webkit-transform: scaleY(.5);transform: scaleY(.5);}}
.FitHeight20{height: 1rem;width: 100%;}
.tabBarWrap .FitHeight20{height: 0;}
/*common modal*/
.modalWrap{z-index: 999;background: rgba(0,0,0,0.4);justify-content: center;align-items: center;}
.modal-inner{background: #fff;width: 80%;overflow: hidden;border-radius: 0.15rem;margin-top: -20%;}
.modal-cot{padding: 0 0.5rem 0.5rem;color: #808080;}
.modalWrap h3{text-align: center;font-size: 0.8rem;padding: 0.5rem 0;}
.modal-btns{border-top: 1px solid #eee;}
.modal-btns a{flex: 1;text-align: center;height: 2.2rem;line-height: 2.2rem;font-size: 0.8rem;background: #eee;}
.modal-btns a:first-child{color: #6FDDB1;background: #fff;}
.loadingWrap{background: rgba(0,0,0,0.8);display: inline-block;width: 2.2rem;height: 2.2rem;border-radius: 0.2rem;position: fixed;left: 50%;top: 50%;margin-top: -1.1rem;margin-left: -1.1rem;}
@-webkit-keyframes  wLoading{ 0% {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);} 100%{-webkit-transform: rotate3d(0, 0, 1, 360deg);transform: rotate3d(0, 0, 1, 360deg);}}
.loadingInner{width: 1.9rem;height: 1.9rem;margin: 0.15rem;-webkit-animation: wLoading 1s steps(12, end) infinite;animation: wLoading 1s steps(12, end) infinite;background: transparent url(../assets/loading.svg);background-size: 100%;}
#SucTips{position: fixed;left: 0;top: 30%;width: 100%;z-index: 9999;height: 0;text-align: center;}
#SucTips span{display: inline-block;background: rgba(0,0,0,0.9);color: #fff;padding: 0.3rem 1rem;font-size: 0.6rem;border-radius: 1rem;}
/*login*/
.fromWrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #fff;overflow-y: auto;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;}
.loginHead{height: 2.2rem;line-height: 2.2rem;}
.loginHead .register{float: right;padding: 0 0.5rem;color: #00acfd;display: inline-block;}
.userComForm{width: 80%;margin: 0 auto;}
.userComForm > div{position: relative;margin-bottom: 1rem;}
.userComForm h1{color: #4a4a4a;font-size: 1rem;text-align: center;margin-bottom: 1rem;}
.userComForm label{font-size: 0.6rem;color: #b1b1b1;}
.userComForm input{display: block;height: 2rem;padding: 0.2rem 0;line-height: 1.7rem;border: none;font-size: 0.8rem;color: #353535;width: 100%;}
.userComForm input::-webkit-input-placeholder{color: #cbcbcd;}
.userComForm >p{margin-top: -1rem;}
.userComForm >p a{color: #00acfd;display: inline-block;float: right;height: 2rem;line-height: 2rem;}
.userComForm > a{height: 2.2rem;line-height: 2.2rem;display: block;border-radius: 0.2rem;text-align: center;color: #fff;margin-top: 1rem;font-size: 0.8rem;background: #D0D0D0;}
.userComForm > a.active{background: linear-gradient(to right,#7a84ff 48%,#1f75fc);}
.userComForm .qrCode{position: relative;}
.userComForm .qrCode input{padding-right: 3rem;}
.userComForm .qrCode span{display: inline-block;position: absolute;right: 0;bottom: 0;height: 2.2rem;line-height: 2.2rem;width: 3rem;background: url(./../assets/eye.jpg) no-repeat center / 1.2rem;}
.userComForm .qrCode span.active{background: url(./../assets/eye-active.jpg) no-repeat center / 1.2rem;}
.userComForm .qrCode b{display: inline-block;width: 1px;height: 1rem;background: #f1f1f1;vertical-align: middle;}
.loginHead .back{height: 2.2rem;width: 2.2rem;display: block;background: url(./../assets/arrow-left.svg) no-repeat center / 1.6rem;float: left;}
.userComForm  .qrCodeMM input{padding-right: 4rem;}
.qrCodeMM b{vertical-align: middle;}
.userComForm .qrCodeMM span{width: 5rem;background: none;}
.userComForm .qrCodeMM a{display: inline-block;text-align: center;font-size: 0.6rem;color: #00acfd;width: 4.9rem;}
.userComForm .qrCodeMM a.activeColor{color: #999;}
/*iphoneX*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){}
/*home tabbar*/
.tabBarWrap{position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #fff;}
.tabBar{height: 3rem;background: rgba(255,255,255,0.96);border-top: 1px solid #e9e5e3;align-items: center;text-align: center;}
.tabBar > a{flex: 1;font-size: 0.6rem;color: #999;display: block;}
.tabBar > a.active{color: #00acfd;}
.tabBar span{display: inline-block;width: 1.2rem;height: 1.2rem;vertical-align: top;margin-bottom: 0.1rem;}
.tabBar > a:first-child span{background: url(../assets/home.svg) no-repeat center center / 90%;}
.tabBar > a:first-child.active span{background: url(../assets/home-active.svg) no-repeat center center / 90%;}
.tabBar > a:nth-child(2) span{background: url(../assets/pack.svg) no-repeat center center / 90%;}
.tabBar > a:nth-child(2).active span{background: url(../assets/pack-active.svg) no-repeat center center / 90%;}
.tabBar > a:last-child span{background: url(../assets/center.svg) no-repeat center center / 90%;}
.tabBar > a:last-child.active span {background: url(../assets/center-active.svg) no-repeat center center / 90%;}
